window.onload = function () {
    //配置
    var config = {
        vx: 4,	//小球x轴速度,正为右，负为左
        vy: 4,	//小球y轴速度
        height: 2,	//小球高宽，其实为正方形，所以不宜太大
        width: 2,
        count: 200,		//点个数
        color: "#f1f1f1", 	//点颜色
        stroke: "#fff", 		//线条颜色
        dist: 6000, 	//点吸附距离
        e_dist: 20000, 	//鼠标吸附加速距离
        max_conn: 10 	//点到点最大连接数
    }

    //调用
    CanvasParticle(config);
}

let elevanav = document.querySelector('.elevanav')
console.log(elevanav);
let elevanavP = document.querySelectorAll('.elevanav p')
console.log(elevanavP);
let floorBox = document.querySelectorAll('#floorbox')
console.log(floorBox);

// 1.需求: 窗口滚动时,判断当前滚动距离大于等于400, 将elevanav设置为固定定位,否则:绝对定位
window.addEventListener('scroll', function () {
    // 获取滚动距离

    let sTop = document.documentElement.scrollTop

    //   判断
    if (sTop >= 400) {
        elevanav.classList.add('floorPosition')
    } else {
        elevanav.classList.remove('floorPosition')
    }
})

// 2.需求: 点击电梯按钮elevanav下的p标签
//  *        设置滚动距离 == 电梯按钮对应的楼层距离网页顶部的距离
//  */

// 激活样式保存
let index = 0
// 遍历
elevanavP.forEach(function (dom, i) {
    dom.addEventListener('click', function () {
        // 清除前一个样式
        elevanavP[index].classList.remove('active')
        // 给当前添加激活样式
        this.classList.add('active')
        index=i
        //找到电梯按钮对应的楼层距离网页顶部的距离
        let offset = floorBox[i].offsetTop;
        //设置滚动距离
        window.scrollTo({
            top: offset,
            behavior: 'smooth'
        })
    })
})